*{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}
.wh{
    width: 100%;
    height:100%
}
ol,ul{
    list-style: none;
}
html,body{
   .wh;
    background-color: #F0F0F0;
    overflow: hidden;
}
#goback{
    position: absolute;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background-color: white;
    color: lightcoral;
    border-radius: 50%;
    left: 10px;
    top: 9px;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid lightcoral;
}

header{
    position: fixed;
    top: 0;
    width: 100%;
    height: 44px;
    background-color: white;
    box-shadow: 0 3px 3px #ccc;
    z-index: 100;
    div.slc{
       right: 0;
        position: absolute;
//     display: none;
        height: 30px;
        z-index: 1000;
       line-height: 30px;
       font-size: 16px;
       margin-top: 6px;
//     span{
//         display: none;
//     }
        button{
            display: none;
//          padding: 5px 15px;
            background-color: white;
            margin: 0 auto;
            border-radius: 30px 0 0 30px;
            color:#202020 ;
            border:1px solid #ccc ;
            width: 120px;
            height: 30px;
//          margin-bottom:2px ;
            box-sizing: border-box;
//           background-color: lightcoral;
             color: lightcoral;
        }

    }
}
.rightTitle{
//  min-width:300px;
    padding: 10px;
    position: fixed;
    max-height:300px;
    top:44px ;
    z-index: 10000;
    display: none;
    right: 0;
    background-color:lightcoral;
    border-radius: 20px 0 0 20px;
    color: #202020;
    border: 1px solid lightcoral;
    ul.sTContainer{
    .sectionTitle{
        text-align: center;
        padding: 10px;
        position: relative;
         color: #202020;
        
        ul{
            display: none;
            position: absolute;
            right: 80px;
            top: 0;
            background-color: lightcoral;
            border: 1px solid lightcoral;
             border-radius: 20px 0 0 20px;
             border-right: none;
            padding: 10px;
            z-index: 900;
            max-height: 200px;
            overflow: scroll;
            li.themeTitle{
                text-align: center;
                padding: 5px;
                min-width:90px;
                a{
                     color: #202020;
                     &:hover{
                         text-decoration: none;
                     }
                }
            }
        }
     }
    }
}



#postSection{
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    margin:45px auto;
    position: relative;
    form{
        .wh;
        div{
            height: 100%;
            width: 100%;
            word-wrap: break-word;
            background-color: white;
             padding: 10px;
             font-size: 14px;

            img{
                max-height: 20px;
                max-width: 20px;
                display: inline-block;
            }
        }
        p{
            font-size: 18px;
            color: white;
            background-color: lightcoral;
            padding: 5px;
            border: 1px solid white;
            text-align: center;
            box-shadow: 0 3px 3px #ccc;
            display: none;
           position: absolute;
           width: 100%;
        }
        textarea{
            border:none;
//          border-radius: 20px;
            padding: 20px;
            word-wrap: break-word;
            width: 110%;
            height: 100%;
            min-height: 200px;
            padding-right: 15%;
            box-shadow: 0 0 5px #ccc;
             margin-bottom: 50px;
        }
        input[type=file]{
            display: none;
        }
        input[type=submit]{
            display: none;
        }
    }
}
section.eu{
    width: 100%;
   position: fixed;
   display: none;
   bottom: 0;
   border: 1px solid lightcoral;
   background-color: white;
   overflow: hidden;
   z-index: 200;

   .header{
       width: 100%;
       height: 40px;
       line-height: 40px;
       background-color: lightcoral;
       span{
           font-size: 20px;
           margin-left:10px ;
           color: white;
       }
   }
   ul{
       width: 100%;
       display: flex;
       flex-wrap: wrap;
//     margin-bottom: 44px;
       background-color: #f0f0f0;
         margin: 0;
       
     li{
         flex-basis: 20%;
         box-sizing: border-box;
         border: 2px solid white;
         border-bottom: 1px solid lightcoral;
         padding: 5px 0;
         background-color: white;
         margin: 0;
         img{
             width:30px;
             height: 30px;
             display: block;
             margin: 0 auto;
         }
     }
   }
   .uploadImg{
       width: 100%;
       display: flex;
       display: none;
       flex-direction: row;
       position: relative;
//     margin-bottom: 50px;
       .ul{
          flex-basis: 50%;
          max-width: 150px;
          height: 150px;
           padding: 5px;
           border: 2px solid lightcoral;
           margin: 4px;
//         float: left;
           img{
               .wh;
           }
       }
       .ur{
           flex-basis: 50%;
//          width: 50%;
//         float: right;
            position: absolute;
            right: 10%;
            top: 10px;
           .clickIF{
               display: block;
               width: 100px;
               height: 50px;
               margin: 20px auto;
               line-height: 50px;
               text-align: center;
               color: white;
               background-color: lightcoral;
           }
           .sureI{
               display: block;
               width: 100px;
               line-height: 30px;
               text-align: center;
               height: 30px;
               color: white;
               background-color: lightgreen;
               position: absolute;
               top: 80px;
               left: 0;
           }
       }
   }
}


footer{
    position: fixed;
    bottom: 0;
    height: 44px;
    background-color: white;
    width: 100%;
    box-shadow: 0 -3px 3px #ccc;
    ul{
        .wh;
        display: flex;
        flex-direction: row;
        li{
            flex-basis: 25%;
            color: lightcoral;
            font-size: 20px;
            line-height: 44px;
            text-align: center;
        }
    }
}
.imgBC{
    position: fixed;
    display: none;
    bottom: 46px;
    width: 100px;
    height: 100px;
    border: 2px solid lightcoral;
    box-sizing: border-box;
    left: 0;
    z-index: 100;
    span{
        position: absolute;
        top: -14px;
        border: 2px solid lightcoral;
        background-color: white;
        color:black ;
        border-radius: 50%;
        padding: 2px;
        right: -13px;
    }
    img{
        .wh;
    }
}

